﻿<%@ page title="" language="C#" masterpagefile="~/master/amc_app.master" autoeventwireup="true" inherits="pages_addUsers, App_Web_pzmkbaed" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <link href="../App_Themes/main/addcustomer.css" rel="stylesheet" type="text/css" />
    <script src="../_scripts/app/usermanagement.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div class="userManagementContainer">
        <div class="umContainerDIV">
        <div onclick="fnLoadAddUser();" class="umButtonContainer">
     <div class="adminColorButton">Add New User</div>
</div>
            <div class="umContainerHeader">
                <div class="dashboardAlertImage">
                <img src="../App_Themes/main/images/userIco.png" />
                </div>
                <span class="dashboardAlertText">Manage Application Users</span>
            </div>
            <div class="umGridTblHeader">
                <span class="umGridTblText">User ID</span>
                <span class="umGridTblText">User Name</span>
                <span class="umGridTblTextPhone">Phone</span>
            </div>
            <div id="repeaterContainer" class="umRepeaterDiv">
                <asp:PlaceHolder ID="ucUsersPlaceholder" runat="server"></asp:PlaceHolder>
            </div>
        </div>
        <div  class="umContainerDIV" style="margin-top:30px;">
            <div onclick="addTechnician();" class="umButtonContainer">
                <div class="adminColorButton">Add Technician</div>
            </div>
            <div style="margin-top:10px;">
                <div class="umContainerHeader">
                    <div class="dashboardAlertImage">
                    <img src="../App_Themes/main/images/userIco.png" />
                    </div>
                    <span class="dashboardAlertText">Manage Technician</span>
                </div>
                <div class="umGridTblHeader">
                    <span class="umGridTblText">Name</span>
                    <span class="umGridTblTextPhone">Phone</span>
                    <span class="umGridTblTextPhone" style="width:200px;">Address</span>
                </div>
                <div id="techniciansListContainer" class="umRepeaterDiv">
                    <asp:PlaceHolder ID="ucPlaceholderTechnicians" runat="server"></asp:PlaceHolder>
                </div>
            </div>
        </div>
    </div>
    <div id="formCustomerInfo" class="createUserContainer" style="display:none;">
        <div class="addCustomerFormContainer">
            <div class="addCustomerFormRow">
                <span class="addCustomerFormText"><span style="color:Red;">*</span>Email ID</span>
                <div class="addCustomerFormInputDiv"><input id="txtUserEmail" type="text" class="addCustomerFormInput" /></div>
            </div>
            <div class="addCustomerFormRow">
                <span class="addCustomerFormText"><span style="color:Red;">*</span>Password</span>
                <div class="addCustomerFormInputDiv"><input id="txtUserPassword" type="password" class="addCustomerFormInput" /></div>
            </div>
            <div class="addCustomerFormRow">
                <span class="addCustomerFormText"><span style="color:Red;">*</span>Name</span>
                <div class="addCustomerFormInputDiv"><input id="txtUserName" type="text" class="addCustomerFormInput" /></div>
            </div>
            <div class="addCustomerFormRow">
                <span class="addCustomerFormText"><span style="color:Red;">*</span>Phone</span>
                <div class="addCustomerFormInputDiv"><input id="txtUserPhone" type="text" class="addCustomerFormInput" /></div>
            </div>
            <div class="createUserFormButtonContainer">
            <div onclick="closeAddUserPopup();" class="adminGrayButton">Cancel</div>
            <div id="btnCreateUser" onclick="createUser();" class="adminColorButton">Create User</div>
        </div>
        </div>
    </div>

    <div id="addTechnicianContainer" class="createUserContainer" style="display:none;">
        <div class="addCustomerFormContainer">
            <div class="addCustomerFormRow">
                <span class="addCustomerFormText"><span style="color:Red;">*</span>Technician Name</span>
                <div class="addCustomerFormInputDiv"><input id="txtTechName" type="text" class="addCustomerFormInput" onkeydown="$('#alertDiv').hide();" /></div>
            </div>
            <div class="addCustomerFormRow">
                <span class="addCustomerFormText"><span style="color:Red;">*</span>Mobile</span>
                <div class="addCustomerFormInputDiv"><input id="txtTechMobile" type="text" class="addCustomerFormInput" onkeydown="$('#alertDiv').hide();" /></div>
            </div>
            <div class="addCustomerFormRow" style="height: 85px;">
                <span class="addCustomerFormText"><span style="color:Red;">*</span>Address</span>
                <div class="addCustomerFormInputDiv"><textarea id="txtTechAddress" class="addCustomerFormInput" onkeydown="$('#alertDiv').hide();" style="width:220px; height:80px;"></textarea></div>
            </div>
            <div class="createUserFormButtonContainer" style="width:325px;">
                <div onclick="closeAddUserPopup();" class="adminGrayButton">Cancel</div>
                <div id="Div3" onclick="fnAddTechnician();" class="adminColorButton">Add Technician</div>
            </div>
            <div id="alertDiv" class="addCustomerFormRow" style="margin-top: -5px;text-align: center; display:none;">
                <span style="color:Red;">** Please enter the mandatory fields</span>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(document).ready(function () {
            $('.placeholderMenuItem_Clicked').removeClass('placeholderMenuItem_Clicked');
            $('#menuUserManagement').attr('class', 'placeholderMenuItem_Clicked');
        });
</script>
</asp:Content>

